<template>
  <ul>
    <Item
      v-for="(item, index) in todos"
      :key="item.id"
      :item="item"
      :deletTodos="deletTodos"
      :index="index"
      :updataTods="updataTods"
    />
  </ul>
</template>
<script>
import { defineComponent } from 'vue'
import Item from './Item.vue'

export default defineComponent({
  name: 'List',
  components: {
    Item
  },
  props: ['todos', 'deletTodos', 'updataTods'],
  setup () {}
})
</script>
<style scoped></style>
